<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>注册页面</title>
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/form.css">
</head>

<body>
  <header class="header container">注册页面</header>

  <main>
    <form>
      <span class="error">用户名已存在，请更换！</span>

      <div class="form-group">
        <label for="username">用户名：</label>
        <input type="text" id="username" class="username" required>
      </div>

      <div class="form-group">
        <label for="password">密码：</label>
        <input type="password" id="password" class="password" required>
      </div>

      <div class="form-group">
        <label for="rpassword">确认密码：</label>
        <input type="password" id="rpassword" class="rpassword" required>
      </div>

      <div class="form-group">
        <label for="nickname">昵称：</label>
        <input type="text" id="nickname" class="nickname">
      </div>

      <p>已有账号，<a href="./login.html">直接登录</a></p>

      <button type="submit">注册</button>
    </form>
  </main>

  <script src="../js/register.js" type="module"></script>
</body>

</html>
